<template>
    <div class="desc-content">
    <div class="kong"></div>
    <div class="desc-title">{{this.descInfo.title}}</div>
    <hr />
    <div v-html="this.descInfo.content"></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      id: '',
      descInfo: {}
    }
  },
  created () {
    this.id = this.$route.params.id
    this.getGoodsList()
  },
  methods: {
    async getGoodsList () {
      const { data: res } = await this.$http.get(`/api/goods/getdesc/${this.id}`)
      this.descInfo = res.message[0]
      console.log(this.descInfo)
    }
  }
}
</script>

<style lang="less" scoped>
.desc-title {
  font-weight: 600;
  font-size: 16px;
  color: #226aff;
  text-align: center;
  margin: 15px 0;
}
.desc-content {
  border-top: 1px solid #666;
  padding: 0 5px;
}
div {
    font-size: 14px;
}
.kong{
  height: 1.06667rem;
}
</style>
